<style>
  .EstablishNotic{
    transition: 1s;
    transform: translateX(-276px);
    margin-bottom: 6px;
    -ms-transform:translateX(-276px); 	/* IE 9 */
    -moz-transform:translateX(-276px); 	/* Firefox */
    -webkit-transform:translateX(-276px); /* Safari 和 Chrome */
    -o-transform:translateX(-276px); 	/* Opera */;
  }
  .EstablishNoticB{
    transition: 1s;
    transform: translateX(0px);
    -ms-transform:translateX(0px); 	/* IE 9 */
    -moz-transform:translateX(0px); 	/* Firefox */
    -webkit-transform:translateX(0px); /* Safari 和 Chrome */
    -o-transform:translateX(0px); 	/* Opera */;
  }
</style>
<div class="casebar-body">
    <!--头部-->
  <div id="casebar-header-content" style="position:absolute;right:0px;top:140px;width:276px;z-index: 999;overflow: hidden;">

  </div>
    <header class="casebar-header" >
        <!--<div class="container">-->
      <div class="casebarHeaderLeft">
        <span class="casebar-header-text">案件管理</span>
      </div>
      <div class="casebarHeaderCenter">
        <ul class="CaseBar-content-top">
          <li class="casebar-l casebar-active" id="casebar-id-l">
            <!--<img class="casebar-img-l" src="img/case-cl-selected.png" alt="">-->
            <span class="casebar-center-l">办理中</span>
          </li>
          <li class="casebar-r" id="casebar-id-r">
            <!--<img class="casebar-img-r" src="img/case-gd-unselected.png" alt="">-->
            <span class="casebar-center-r">已归档</span>
          </li>
        </ul>
      </div>
      <div class="casebarHeaderRight">
        <span id="model_new" style="cursor: pointer" ng-click="newXin()" ng-mousemove="newXinMove()" data-toggle="modal" class="pull-right casebar-header-textright">新建案件</span>
        <!--<img class="header-img" src="img/casebar-add.png" alt="">-->
      </div>
    </header>
    <!-- 内容区域-->
    <div class="CaseBar-content wt-scroll clearfix">
       <div class="CaseBar-content-list">

         <!--<div style="text-align: center;height: 40px;border-bottom: 1px solid #eceff4; width: 96%; margin-left: 2%;">
           <ul class="CaseBar-content-top">
               <li class="casebar-l casebar-active" id="casebar-id-l">
                   &lt;!&ndash;<img class="casebar-img-l" src="img/case-cl-selected.png" alt="">&ndash;&gt;
                   <span class="casebar-center-l">所有</span>
               </li>
               <li class="casebar-r" id="casebar-id-r">
                   &lt;!&ndash;<img class="casebar-img-r" src="img/case-gd-unselected.png" alt="">&ndash;&gt;
                   <span class="casebar-center-r">已归档</span>
               </li>
           </ul>
       </div>-->

         <div id="id-data-null" ng-if="caseBar_kong" style="text-align: center;position: absolute;left: 50%;top:50%;margin-left: -100px;margin-top: -100px;">
           <img src="img/img-data-null.png">
           <div style="margin-top: 20px;color: #8297AA;font-size: 18px">空空如也</div>
         </div>

         <!-- 无列表时-->
         <div class="caseBar_kong"  style="text-align: center;">
           <img style="width:100px;margin-top: 8%;" src="../../img/CaseBar_kong1.png">
           <p style="margin-top: 10px">点击右上方 <img src="img/icon_add.png"> 创建案件</p>
         </div>
         <!--民事-->
         <div style="color: grey;" class="caseBar_list1 clearfix"><!--ng-show="s.caseType.casetypename == '民事'"-->
           <div ng-repeat="s in newXin_1Date"  class="case-bg case-bg{{s.caseClassificationId}}"  ng-click="goCaseBarDetailxia(s.id,s.casename,s.imgUrl)">
             <div class="case-top">
               <p class="case-text-content">{{s.casename}}{{s.fid}}</p>
               <!--<img class="case-star-style" ng-src="{{s.imgUrl}}"/>-->
             </div>

             <div class="case-center-style">
               <p class="case-text-ss" >{{s.caseClassification.caseclassificationname}}</p>
               <p class="case-text-ms1" ng-if="s.caseClassificationId==1">/{{s.caseType.casetypename}}</p>
               <p class="case-text-ss " ng-if="s.caseClassificationId==1">/{{s.caseBusiness.casebusinessname}}</p>
               <p class="case-bottom-style">{{s.createddate}}</p>
               <!--<div class="case-center-fz">
                   <span class="case-text-fz">主办律师：{{s.creator.username}}</span>
                   &lt;!&ndash;<span class="case-text-name"></span>&ndash;&gt;
               </div>-->
             </div>
             <div class="case-bottom-state d-color{{s.caseClassificationId}}"><img src="{{s.imgUrlT}}" alt=""><span class="case-bottom-state-text">{{s.teamC}}</span></div>
             <div class="case-bottom-floor">
               <span class="case-bottom-img1 " ng-show="type!=7"><img src="{{s.imgUrl}}"  alt="" ng-click="favoriteT($event,s.id,s.flag)"></span>
              <span class="case-bottom-img2" ng-show="type!=7"><img src="img/icon_File.svg"   alt="" ng-click="archiveConFirm($event,s.id)"></span>
               <span class="case-bottom-img3" ng-show="type!=7"><img src="img/icon_delete.svg"    alt="" ng-click="deleteConFirm($event,s.id)"></span>
               <span class="case-bottom-img3" ng-hide="type!=7"><img src="img/cancelFile.svg" alt=""   ng-click="archiveCanCel($event,s.id)" ></span>
             </div>
           </div>

           <!-- 分页-->
           <div class="pagCenterC clearfix" ng-show="totalCount>10">
             <ul uib-pagination total-items="totalCount" ng-model="pageSetting.pageNo" max-size="10" items-per-page="10" class="pagination" boundary-link-numbers="true" ng-change="changePage()"  previous-text="上一页" next-text="下一页"></ul>
             <!--<ul class="pagination">
               <li>
                 <a href="JavaScript:;" ng-click="changePage(1)">
                   <i class="fa fa-lg fa-angle-left" ></i>
                 </a>
               </li>
               <li><a href="JavaScript:;" ng-click="changePage(pageNow*1-1) ">上一页</a></li>

               <li ng-repeat="tPage in arrPage">
                 <a ng-click="changePage(tPage)" class="select select{{tPage}}" ng-class="{selected:tPage==pageNow}">{{tPage}}</a>
               </li>


               <li><a class="selected" href="JavaScript:;" ng-click="changePage(pageNow*1+1)">下一页</a></li>

               <li>
                 <a href="JavaScript:;" ng-click="changePage(totalPage)">
                   <i class="fa fa-lg fa-angle-right" ></i>
                 </a>
               </li>
             </ul>-->
             <span class="totalNum" ng-model="totalCount" style="margin-bottom: 40px">共{{totalCount}}条数据</span>
           </div>

         </div>


       </div>

    </div>





    <!--弹出框--><!--新建案件-->
    <div ng-include="userShowTemplateUrl" ng-if="newXinToggle"></div>

</div>
<script>

  /*设置屏幕高度*/
  /*更改class名*/
  (function () {
    setHeight();
    function setHeight() {
      var height = $(window).height()-140 + 'px';
      $(".CaseBar-content").css("height",height);

    };
    $(window).resize(function() {
      setHeight();
    });
  }())
</script>

